<template>
	<div>
		<swiper>
			<swiper-item v-for="(item,index) in banners" :key='index'>
				<a :href="item.link">
					<img :src="item.image" alt="">
				</a>
			</swiper-item>
		</swiper>
	</div>
</template>

<script>
	import {Swiper,SwiperItem} from '/src/components/common/swiper'
	export default {
		name: 'homeSwiper',
		components: {
			Swiper,
			SwiperItem
		},
		props: {
			banners: {
				type: Array,
				default () {
					return []
				}
			}
		}
	}
</script>

<style>
</style>
